.row {
    &:not(:last-of-type) {
        margin-bottom: 2mm;
    }

    .info-row {
        display: flex;

        .worker-info {
            width: 30%;
            display: flex;

            .info-item {
                flex: 0 0 auto;

                &.id {
                    width: 20%
                }

                &.name {
                    width: 30%
                }

                &.info-department {
                    flex: 1 1 0;
                }
            }
        }

        .statistical-info {
            width: 70%;
            flex: 1 1 auto;
            display: flex;

            .info-item {
                width: calc(100% / 6);
            }
        }
    }

    .record-row {
        border: 1px solid #000;
        display: flex;
        flex-wrap: nowrap;
        font-size: 14px;
        min-height: 22px;
        line-height: 22px;

        .record {
            width: calc(100% / 31);
            flex: 1 1 auto;
            text-align: center;
            min-width: 10mm;
            align-items: center;
            justify-content: center;
            display: flex;
            flex-direction: column;

            &:not(:first-of-type) {
                border-left: 1px solid #000;
            }

            .be-late {
                color: #f90;
            }

            .too-late {
                color: #f00;
            }

            .not-clock,
            .absenteeism-late,
            .absenteeism-early {
                color: #00f;
            }
        }
    }
}

@media print {
    .row {
        page-break-inside: avoid;

        & * {
            color: #000 !important;
        }

        .info-row,
        .record-row {
            font-size: 4mm;
        }
    }
}